// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
.table-opt-key{
  display: inline-block;
  margin: 0 10px;
  color: #1250cc;
  cursor: pointer;
}

// el-input-number (controls-position="right")
.el-input-number.is-controls-right {
  .el-input-number__decrease {
    display: none;
  }
  .el-input-number__increase {
    display: none;
    top: 2px; // fix style bug
  }
  &:hover {
    .el-input-number__decrease {
      display: inline-block;
    }
    .el-input-number__increase {
      display: inline-block;
    }
  }
  .el-input__inner {
    text-align: left;
    padding-left: 5px;
    padding-right: 40px;
  }
}

// el-date-picker datetimerange
.el-date-editor.el-date-editor--datetimerange {
  .el-range-separator {
    width: 24px;
    color: #999;
    padding: 0;
  }
  .el-range__icon {
    margin-left: 0;
  }
  &.el-input__inner {
    vertical-align: middle;
    padding: 3px 5px;
  }
  &.el-range-editor--medium {
    width: 380px;

    .el-range-separator {
      line-height: 30px;
    }
  }
  &.el-range-editor--mini {
    width: 330px;

    .el-range-separator {
      line-height: 22px;
    }
  }
}

// el-date-picker  not datetimerange
.el-date-editor {
  .el-input__prefix {
    left: 0;
    top: 1px;
  }
  .el-input__suffix {
    right: 0;
    top: 1px;
  }
  .el-input__inner {
    padding: 0 25px;
  }
  &.el-input--mini {
    width: 175px;
  }
  &.el-input--medium {
    width: 195px;
  }
}

// input padding
.el-input__inner {
  padding: 0 5px;
}


.table-opt-font {
  font-size: 16px;
}

/*拖拽div*/
  /* 拖拽相关样式 */
    /*包围div样式*/
.box {
    width: 100%;
    height: 100%;
    margin: 1% 0px;
    overflow: hidden;
    //box-shadow: -1px 9px 10px 3px rgba(0, 0, 0, 0.11);
}
/*左侧div样式*/
.left {
    width: calc(32% - 10px);  /*左侧初始化宽度*/
    height: 100%;
    background: #FFFFFF;
    float: left;
}
/*拖拽区div样式*/
.resize {
    cursor: col-resize;
    float: left;
    position: relative;
    top: 45%;
    background-color: #d6d6d6;
    border-radius: 5px;
    margin-top: -10px;
    width: 10px;
    height: 50px;
    background-size: cover;
    background-position: center;
    /*z-index: 99999;*/
    font-size: 32px;
    color: white;
}
/*拖拽区鼠标悬停样式*/
.resize:hover {
    color: #444444;
}
/*右侧div'样式*/
.mid {
    float: left;
    width: 68%;   /*右侧初始化宽度*/
    height: 100%;
    background: #fff;
    //box-shadow: -1px 4px 5px 3px rgba(0, 0, 0, 0.11);
}

/*控制台*/
.xterm-rows  div{
  overflow: unset!important;
}
/*运行显示*/
.horizon_layout {
  height:calc(100vh - 250px);
  border:1px solid #E4E7ED
}
.app-container-tab {
  //margin-top: -20px;
  //margin-left: -6px;
  padding: 0px 10px
}
.border-lgray {
  border:1.2px solid #E4E7ED
}
.underline-font {
  border-bottom:1px solid gray;
  display:inline-block;
  width:40px;
}

/*table top right opt*/
.table-tr-opt{
  display:inline-block;
  float:right;padding:5px 0;
}

/*radio*/
.el-radio-group {
  vertical-align: initial;
}